html,
body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    font-family: Georgia, serif;
    font-style: italic;
}

table {
    margin: 20px;
    background-color: cornsilk;
    box-shadow: 5px 5px 5px #aaaaaa;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #dddddd;
}

table th, table td {
    padding: 5px;
    text-align: center;
}

thead {
    padding: 10px;
    border: 1px;
    font-size: 12pt;
    font-style: normal;
    border-top-color: #c50d0d;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color: #290dc5;
    border-bottom-width: 5px;
    border-bottom-style: double;
}

tbody td {
    font-family: "Chalkboard", "ChalkboardSE-Regular", "Comic Sans", "Comic Sans MS", sans-serif;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 16pt;
    color: crimson;
}

tbody th {
    border: 1px;
    font-size: 12pt;
    font-style: normal;

}

tbody th, tbody td {
    border-bottom-color: #000000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right-color: #cacaca;
    border-right-width: 1px;
    border-right-style: solid;}

tfoot td {
    border: none;
}

.edit_delete {
    color: black;
} 

.disabled {
    color: lightgray;
}

i {
    cursor: pointer;
}

i:active {
    color: lightgray;
}
